#5E3171

Color Details

HEX
#5E3171
RGB
rgb(94, 49, 113)
HSL
hsl(282, 40%, 32%)
CMYK
cmyk(17%, 57%, 0%, 56%)
Best text on this color #FFFFFF (CR 9.75:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5e3171
Contrast 2.15:1 Fail
White on #5e3171
Contrast 9.75:1 AAA
#5e3171 on Black
Contrast 2.15:1 Fail
#5e3171 on White
Contrast 9.75:1 AAA

Tints & Shades

#7e5a8d
#9e83aa
#bfadc6
#4b275a
#381d44
#26142d

Complement & Analogous

#457231
#723165
#3e3172

Triadic

#725f31
#31725f

Monochrome

#26142d #381d44 #5e3171 #9e83aa #bfadc6 #dfd6e3

Analogous

#3e3172 #786f9c #5e3171 #8e5a84 #723165 #5b2751

Complementary Mix

#381d44 #5e3171 #9e83aa #457231 #86a379 #2d4a20

Nearby Colors

#5e3170
#5e3172
#5e3161
#5e3181

Embed #5E3171 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #5E3171

#5E3171 converts to RGB(94, 49, 113) and HSL(282, 40%, 32%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#5E3171 FAQs

What is the RGB value of #5E3171?
RGB: 94, 49, 113. Copy as CSS: rgb(94, 49, 113)
Is #5E3171 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #5E3171?
Complement: #457231.
Does #5E3171 have good contrast on white or black?
On white: 9.75:1 (AAA (normal text)). On black: 2.15:1 (Fails AA).